<template>
  <div class="publicity">
    <a-tabs v-model:activeKey="activeKey" tab-position="left" destroyInactiveTabPane>
      <a-tab-pane tab="公司介绍" key="公司介绍">
        <div class="content">
          <div class="title">
            <span>公司介绍</span>
          </div>
          <div class="content-box">
            <div class="info">
              <span>
                吉腾烟花集团，是浏阳十大烟花集团之一，创立至今已有44年之久，
                现已成为集产品设计研发、生产、国内国际贸易、大型焰火燃放于一体的烟花创新型集团企业。
              </span>
            </div>
            <div class="info">
              <img src="../../assets/img/info/infoBG.png" alt="">
            </div>
            <div class="info">
              <span>
                经历年发展，集团现拥有物业占地3000多亩、在岗职员1000多人，并拥有一支技术实力雄厚的研发团队。
                各类烟花产品全面覆盖，主要销往欧洲、美洲、东南亚等全球80多个国家和地区，在浏阳出口烟花行业一直稳居前列。
                集团主要生产水上盆花、专业燃放类盆花、礼花弹类、火箭类产品。
                集团专注技术研发和产品创新，在湖南省烟花爆竹新产品大赛中，连续四届蝉联礼花弹类金、银奖。
                在礼花弹、水上组合烟花、扇形组合烟花和异型组合烟花领域拥有数十项专利。
              </span>
            </div>
            <div class="info">
              <!-- <a-carousel>
                <div v-for="i in 3" :key="i" class="img">
                  <img src="../../assets/img/info/1.png" alt="">
                </div>
              </a-carousel> -->
              <carousel :itemsToShow="1.8" :wrapAround="true" :transition="500">
                <slide v-for="i in 3" :key="i" class="img">
                  <img src="../../assets/img/info/1.png" alt="">
                </slide>
                <template #addons>
                  <navigation />
                  <pagination />
                </template>
              </carousel>
            </div>
          </div>
        </div>
      </a-tab-pane>
      <a-tab-pane tab="荣誉资质" key="荣誉资质">
        <div class="content">
          <div class="title">
            <span>荣誉资质</span>
          </div>
          <div class="content-box">
            <div class="info">
              <img src="../../assets/img/info/2.png" alt="">
            </div>
            <div class="info">
              <span>
                浏阳花炮作为中国的非物质文化遗产，其制作技艺与传统文化深厚，且烟花产品在国际市场上有着广泛的影响力，
                浏阳市吉腾烟花集团所生产的烟花产品直接参与了国家的文化出口活动
              </span>
            </div>
            <div class="info">
              <img src="../../assets/img/info/3.png" alt="">
            </div>
            <div class="info">
              <span>
                浏阳市吉腾烟花集团有限公司在积极履行社会责任和追求可持续发展的道路上取得了显著成果，
                近日，公司正式宣布已成功获得BSCI（商业社会标准认证）。
                吉腾烟花不仅在烟花产品的生产与安全上达到了国际高标准，更在劳工权益保护、环境保护、
                安全生产等方面全面符合国际公认的社会责任标准，从而进一步提升了其在全球供应链中的信誉度与竞争力，
                为深化国际合作奠定了坚实的基础。通过BSCI认证，
                吉腾烟花展现了其对维护产业链条各环节利益相关者权益的高度责任感，
                也彰显了中国烟花行业在践行社会责任和绿色发展理念上的崭新风貌
              </span>
            </div>
            <div class="info">
              <img src="../../assets/img/info/4.png" alt="">
            </div>
            <div class="info">
              <span>
                吉腾烟花作为浏阳市颇具影响力的烟花制造企业，始终秉承着创新驱动、
                合作共赢的发展理念，积极开展校企合作项目，携手国内外知名高校及科研机构，
                共同推进烟花科技研究、人才培养以及产业升级。通过校企深度合作，
                吉腾烟花引入了先进的科学技术与创新思维，不断优化产品设计，提升烟花燃放效果的安全性与艺术性，
                引领行业技术革新潮流
              </span>
            </div>
            <div class="info">
              <img src="../../assets/img/info/infoBG.png" alt="">
            </div>
            <div class="info">
              <span>
                吉腾烟花，作为业界翘楚，凭借卓越的产品质量、
                领先的创新能力以及高度的社会责任感，在国内外舞台上赢得了广泛赞誉和多项荣誉。
                近年来，吉腾烟花不仅荣膺国家级文化出口重点企业称号，
                成功推广了中国烟花璀璨夺目的文化魅力，而且在业内率先通过了严苛的BSCI商业社会标准认证，
                充分展示了其在遵循国际社会责任标准、保障员工权益和营造安全环保生产环境等方面的突出成就。
              </span>
            </div>
            <div class="info">
              <carousel :itemsToShow="1.8" :wrapAround="true" :transition="500">
                <slide class="img">
                  <img src="../../assets/img/info/5.png" alt="">
                </slide>
                <slide class="img">
                  <img src="../../assets/img/info/6.png" alt="">
                </slide>
                <slide class="img">
                  <img src="../../assets/img/info/7.png" alt="">
                </slide>
                <template #addons>
                  <navigation />
                  <pagination />
                </template>
              </carousel>
            </div>
            <div class="info">
              <span>
                吉腾烟花，作为一家富有社会责任感的企业，始终坚持经济效益与社会效益并重的原则，
                除了致力于提供优质、安全的烟花产品外，
                还在慈善公益事业上展现出了大爱情怀与担当精神。长期以来，吉腾烟花积极响应国家号召，
                积极参与各类慈善公益活动，关心和支持社区教育、扶贫帮困、紧急救援等领域的公益项目，
                用实际行动回馈社会，传递温暖与希望。
              </span>
            </div>
            <div class="info">
              <img src="../../assets/img/info/8.png" alt="">
            </div>
          </div>
        </div>
      </a-tab-pane>
      <a-tab-pane tab="发展历程" key="发展历程">
        <div class="content">
          <div class="title">
            <span>发展历程</span>
          </div>
          <div class="content-box">
            <div class="info">
              <span>
                吉腾烟花集团始创于1979年，起源于享有“中国烟花之乡”美誉的湖南省浏阳市。
                初期，吉腾烟花专注于烟花制造和销售，逐步在国内市场上建立起稳固的地位，
                并逐渐形成了涵盖烟花生产、国内国际贸易及大型焰火燃放业务的核心领域。
              </span>
            </div>
            <div class="info">
              <span>
                随着时间推移，吉腾烟花集团不断发展壮大，从单一的烟花制造商转型为多元化的集团企业。
                集团业务扩展到包括但不限于再生纸制造、烟花自动化设备的研发与制造、
                食品研发与生产加工、机械电子产品科研与制造等多个相关领域。
                同时，集团还涉足烟花爆竹工厂的设计、危爆物品仓储设计、安全评估等相关服务行业，
                展现出强大的资源整合能力和技术创新力。
              </span>
            </div>
            <div class="info">
              <span>
                近年来，吉腾烟花集团实现了飞跃性的发展，其业务网络不仅遍布全国，
                而且在国际市场开拓上也取得了显著成效，成为国家文化出口的重点企业之一，
                通过承办各类国际焰火盛会，将中国的烟花文化和精湛工艺推向世界舞台。
              </span>
            </div>
            <div class="info">
              <span>
                在企业管理和文化建设上，吉腾烟花集团提出了明确的企业愿景——打造烟花行业一流的创新型企业，
                倡导诚信、敬业、正直、担当、团结、拼搏、实干、创新的核心价值观，
                并以“好烟花、吉腾造”作为企业口号，凝聚团队力量，推动集团稳步向前。
              </span>
            </div>
            <div class="info">
              <span>
                总结起来，吉腾烟花集团的成长历程是一部不断创新、追求卓越、响应时代需求和履行社会责任的历史，
                从初创时期的传统烟花制造，到如今成长为拥有全球化视野和全产业链布局的现代化集团企业，
                它见证了中国烟花行业的转型升级和繁荣发展。
              </span>
            </div>
            <div class="info">
              <img src="../../assets/img/info/infoBG.png" alt="">
            </div>
          </div>
        </div>
      </a-tab-pane>
      <a-tab-pane tab="领导关怀" key="领导关怀">
        <div class="content">
          <div class="title">
            <span>领导关怀</span>
          </div>
          <div class="content-box">
            <div class="info">
              <span>
                吉腾烟花集团自成立以来，得到了各级政府和社会各界的深切关怀与大力支持。
                历任及现任领导高度重视吉腾烟花的发展，多次亲临企业调研指导，
                深入了解企业的生产经营状况，就安全生产、技术创新、环保升级、
                市场开拓等方面提出了一系列前瞻性和针对性的指导意见，
                为企业指明了发展方向，提振了全体员工的信心。
              </span>
            </div>
            <div class="info">
              <img src="../../assets/img/info/9.png" alt="">
            </div>
            <div class="info">
              <span>
                李翔市长指导工作
              </span>
            </div>
            <div class="info">
              <img src="../../assets/img/info/10.png" alt="">
            </div>
            <div class="info">
              <img src="../../assets/img/info/11.png" alt="">
            </div>
            <div class="info">
              <img src="../../assets/img/info/12.png" alt="">
            </div>
          </div>
        </div>
      </a-tab-pane>
      <a-tab-pane tab="创新研发" key="创新研发">
        <div class="content">
          <div class="title">
            <span>创新研发</span>
          </div>
          <div class="content-box">
            <div class="info">
              <span>
                吉腾烟花集团始终秉持创新为魂的发展战略，致力于突破传统烟花产业的技术瓶颈，
                倾力打造创新型、高科技含量的烟花产品。在研发投入方面，吉腾烟花建立了专业的研发团队，
                引进先进的生产设备和技术，与国内外多家科研机构开展深度合作，
                瞄准烟花安全、环保、智能控制等关键技术领域进行攻关。
              </span>
            </div>
            <div class="info">
              <img src="../../assets/img/info/13.png" alt="">
            </div>
            <div class="info">
              <img src="../../assets/img/info/14.png" alt="">
            </div>
            <div class="info">
              <img src="../../assets/img/info/15.png" alt="">
            </div>
            <div class="info">
              <span>
                吉腾烟花集团高度重视专业技术人才队伍的建设和培养，尤其注重中高级职称技术人员的培育和引进。
                目前，集团内拥有一批经验丰富、技术精湛的中高级职称工程师，
                他们在烟花产品研发、生产工艺改进、安全质量管控等方面发挥了关键作用
              </span>
            </div>
            <div class="info">
              <carousel :itemsToShow="1.8" :wrapAround="true" :transition="500">
                <slide class="img">
                  <img src="../../assets/img/info/16.png" alt="">
                </slide>
                <slide class="img">
                  <img src="../../assets/img/info/17.png" alt="">
                </slide>
                <slide class="img">
                  <img src="../../assets/img/info/18.png" alt="">
                </slide>
                <slide class="img">
                  <img src="../../assets/img/info/19.png" alt="">
                </slide>
                <template #addons>
                  <navigation />
                  <pagination />
                </template>
              </carousel>
            </div>
          </div>
        </div>
      </a-tab-pane>
      <a-tab-pane tab="知识产权" key="知识产权">
        <div class="content">
          <div class="title">
            <span>知识产权</span>
          </div>
          <div class="content-box">
            <div class="info">
              <span>
                吉腾烟花集团在知识产权保护方面不遗余力，始终坚持自主研发，
                重视科技创新，并积累了丰富且宝贵的知识产权成果。
                多年来，吉腾烟花投入大量人力物力进行新产品、新技术的研发，
                成功申请了多项专利，涵盖了烟花产品的结构设计、燃放效果、
                安全性能以及环保配方等诸多领域，凸显了吉腾烟花在行业内的创新能力和核心竞争力。
              </span>
            </div>
            <div class="info">
              <carousel :itemsToShow="1.8" :wrapAround="true" :transition="500">
                <slide class="img" v-for="i in 3" :key="i">
                  <img src="../../assets/img/info/1.png" alt="">
                </slide>
                <template #addons>
                  <navigation />
                  <pagination />
                </template>
              </carousel>
            </div>
            <div class="info">
              <span>
                吉腾烟花集团深悉品牌建设的重要性，精心打造了代表其企业文化与品质承诺的独特商标。
                该商标不仅象征着吉腾烟花卓越的产品质量和领先的技术实力，
                同时也蕴含着中国传统文化与现代创新精神的深度融合。
                每一枚闪耀在夜空中的吉腾烟花，都是其商标背后故事的一次生动演绎，
                讲述着中国烟花产业锐意进取、追求卓越的辉煌篇章。
              </span>
            </div>
            <div class="info">
              <carousel :itemsToShow="1.8" :wrapAround="true" :transition="500">
                <slide class="img">
                  <img src="../../assets/img/info/20.png" alt="">
                </slide>
                <slide class="img">
                  <img src="../../assets/img/info/21.png" alt="">
                </slide>
                <slide class="img">
                  <img src="../../assets/img/info/22.png" alt="">
                </slide>
                <template #addons>
                  <navigation />
                  <pagination />
                </template>
              </carousel>
            </div>
          </div>
        </div>
      </a-tab-pane>
      <a-tab-pane tab="人员概况" key="人员概况">
        <div class="content">
          <div class="title">
            <span>人员概况</span>
          </div>
          <div class="content-box">
            <div class="info">
              <span>
                吉腾烟花集团的组织架构严谨科学，高效有序，旨在实现企业的精细化管理与高效运营。
                集团总部设有多层次、多功能的管理部门，构建了决策层、管理层和执行层的三级职能体系。
              </span>
            </div>
            <div class="info">
              <span>
                高层领导团队构成集团的决策层，负责制定企业发展战略，把控全局方向，决定重大事项。其中包括董事会，
                对公司的长期发展规划和重大投资事项进行审议决策，以及总经理办公会，具体实施董事会决议，协调各部门工作。
              </span>
            </div>
            <div class="info">
              <span>
                管理层主要由各职能部门组成，包括但不限于行政部、人力资源部、财务部、市场部、
                技术研发部、生产部、质量安全部、物流部等，分别负责公司的日常运营、
                人力资源调配、财务管理、市场营销、产品研发、生产组织、品质安全监管和物流配送等工作。
              </span>
            </div>
            <div class="info">
              <span>
                执行层则是分布在各个生产基地和子公司的一线员工，他们严格按照集团规章制度和操作流程，
                从事烟花产品的研发、生产、质检、存储及运输等具体事务，
                确保每一道工序都符合国家法规和国际标准，为市场提供高质量、安全可靠的烟花产品。
              </span>
            </div>
            <div class="info">
              <img src="../../assets/img/info/infoBG.png" alt="">
            </div>
            <div class="info">
              <span>
                吉腾烟花的研发团队是一支集合了国内外顶尖烟花技术专家和年轻一代优秀研发人才的精锐队伍。
                团队成员均具有深厚的专业背景和丰富的实践经验，他们在烟花化学、
                烟火工程、燃烧技术和新材料应用等多个领域拥有卓越的研究成果和创新能力。
              </span>
            </div>
            <div class="info">
              <span>
                这支团队紧跟时代步伐，以科技创新为核心驱动力，不断研发出低污染、
                低噪音、安全性高的新型烟花产品，同时积极探索数字化、
                智能化烟花技术，致力于推动中国烟花产业的绿色转型和升级换代。
                他们不仅深耕传统烟花制作工艺的改良，还着力开发符合现代审美和市场需求的特色新品，
                屡次在国内外重要烟花盛会上惊艳亮相，赢得业界内外的极高赞誉。
              </span>
            </div>
            <div class="info">
              <span>
                在吉腾烟花的研发团队带领下，公司不仅保持了在中国烟花市场的领先地位，
                更在全球烟花行业中树立了科技创新的典范，使得吉腾烟花的品牌影响力与日俱增，
                不断续写着中国烟花文化的璀璨华章。
              </span>
            </div>
            <div class="info">
              <img src="../../assets/img/info/infoBG.png" alt="">
            </div>
          </div>
        </div>
      </a-tab-pane>
      <a-tab-pane tab="销售分布" key="销售分布">
        <div class="content">
          <div class="title">
            <span>销售分布</span>
          </div>
          <div class="content-box">
            <div class="info">
              <span>
                吉腾烟花凭借其卓越的产品质量、独特的创意设计以及严格的安全标准，
                已经在全球烟花市场建立了广泛的销售网络和深远的品牌影响力。
                在全球化战略的指引下，吉腾烟花积极拓展海外市场，
                与各大洲多个国家和地区建立了稳定的贸易合作关系，
                产品远销欧洲、美洲、亚洲、非洲等地，深受国际市场的热烈欢迎和高度赞誉。
              </span>
            </div>
            <div class="info">
              <img src="../../assets/img/info/infoBG.png" alt="">
            </div>
            <div class="info">
              <span>
                吉腾烟花在国内市场上建立了覆盖广泛、纵深渗透的销售网络，
                产品热销全国各地。凭借其精湛的制作工艺、丰富的品种款式以及严格的质量把控，
                吉腾烟花深受全国消费者喜爱，不仅在传统的节庆活动中扮演着不可或缺的角色，
                也在各大城市举办的烟花晚会、庆典活动中屡屡精彩呈现，
                点亮了祖国的夜空，传递着喜悦与祥和的气息。
              </span>
            </div>
            <div class="info">
              <img src="../../assets/img/info/infoBG.png" alt="">
            </div>
          </div>
        </div>
      </a-tab-pane>
      <a-tab-pane tab="焰火燃放" key="焰火燃放">
        <div class="content">
          <div class="title">
            <span>焰火燃放</span>
          </div>
          <div class="content-box">
            <div class="info">
              <span>
                吉腾烟花作为国内烟花行业的领军企业，在大型庆典焰火领域独树一帜，
                凭借其卓越的艺术创意、先进的科技手段和严谨的安全保障，
                屡次承担并成功举办了诸多国家级乃至世界级的重大庆典焰火燃放任务。
                每当夜幕降临，华灯初上，吉腾烟花的盛大焰火秀总能在天际线上描绘出一幅幅震撼人心的画卷，
                瞬间点燃全场的热情，将喜庆、浪漫、庄重等多种情感交织成绚烂的光影诗篇。
              </span>
            </div>
            <div class="info">
              <img src="../../assets/img/info/23.png" alt="">
            </div>
            <div class="info">
              <span>
                吉腾烟花在国际焰火比赛舞台上同样展现出了非凡的实力与风采。
                作为业界翘楚，他们精心打造的比赛焰火作品以其创新的设计理念、
                精湛的制作工艺以及细腻的情感表达，在全球各类顶级焰火赛事中大放异彩。
                每一枚升空绽放的焰火弹，都蕴含着吉腾团队对烟花艺术的执着追求和对极致美学的独特诠释。
              </span>
            </div>
            <div class="info">
              <img src="../../assets/img/info/23.png" alt="">
            </div>
            <div class="info">
              <span>
                吉腾烟花在微焰火领域开创了新的纪元，其精心研发的微焰火产品堪称业界典范。
                微焰火技术是对传统烟花的一次革命性创新，通过精细调控火药配方、
                精确设计燃烧结构，实现了小型化、安全化和环保化的完美结合。
                吉腾烟花推出的微焰火系列产品，小巧精致却蕴含强大能量，既能展现烟花特有的艺术美感，
                又能在室内或小型户外场地安全使用，极大地拓宽了烟花观赏的应用场景。
              </span>
            </div>
            <div class="info">
              <img src="../../assets/img/info/23.png" alt="">
            </div>
          </div>
        </div>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script lang="ts">
import { defineComponent, onMounted, onUnmounted, reactive, toRefs, watch, nextTick } from 'vue';
import 'vue3-carousel/dist/carousel.css';
import { Carousel, Slide, Pagination, Navigation } from 'vue3-carousel';

export default defineComponent({
  props: {},
  components: {
    Carousel,
    Slide,
    Pagination,
    Navigation,
  },
  setup () {
    const data = reactive({
      activeKey: '公司介绍',
    });

    onMounted(() => {
      nextTick(() => {
      });
    });

    onUnmounted(() => { });

    watch(() => { }, () => { });

    return {
      ...toRefs(data)
    };
  }
});
</script>

<style lang="less" scoped>
.publicity {
  width: 100%;
  height: 100%;
  background: rgba(1, 7, 29, 0.8);
  padding: 160px 360px 50px 360px;

  .ant-tabs {
    color: aliceblue;

    :deep(.ant-tabs-nav) {
      .ant-tabs-nav-list {
        .ant-tabs-tab-btn {
          font-size: 16px;
        }
      }
    }

    :deep(.ant-tabs-content-holder) {
      height: 100%;

      .ant-tabs-content {
        .ant-tabs-tabpane {
          .content {
            height: 100%;
            width: 100%;

            .title {
              width: 100%;
              height: 56px;
              text-align: center;

              span {
                font-size: 28px;
                font-weight: 600;
              }
            }

            .content-box {
              width: 100%;
              height: 680px;
              overflow-y: scroll;
              padding-top: 12px;

              .info {
                margin-bottom: 12px;
                text-indent: 30px;
                line-height: 36px;

                span {
                  font-size: 16px;
                }

                img {
                  width: 100%;
                  height: 100%;
                  padding: 3px 120px;
                }

                .carousel {
                  .carousel__viewport {
                    perspective: 3600px;

                    .carousel__track {
                      transform-style: preserve-3d;

                      .carousel__slide {
                        padding: 5px;
                        opacity: 0.9;
                        transform: rotateY(-20deg) scale(0.9);

                        img {
                          width: 96%;
                          height: 560px;
                          padding: 30px;
                        }
                      }

                      .carousel__slide--sliding {
                        transition: 0.5s;
                      }

                      .carousel__slide--active~.carousel__slide {
                        transform: rotateY(20deg) scale(0.9);
                      }

                      .carousel__slide--prev {
                        opacity: 1;
                        transform: rotateY(-10deg) scale(0.95);
                      }

                      .carousel__slide--next {
                        opacity: 1;
                        transform: rotateY(10deg) scale(0.95);
                      }

                      .carousel__slide--active {
                        opacity: 1;
                        transform: rotateY(0) scale(1.1);
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
</style>
